@CHARSET "UTF-8";





/**切片区域定义***/
.image-container{
  min-height: 200px;
  max-height: 466px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .image-container {
    min-height: 466px;
  }
}
.image-container > img {
  max-width: 100%;
}

.image-container,
.img-preview {
  background-color: #f7f7f7;
  overflow: hidden;
  width: 100%;
  text-align: center;
}
/**切片区域定义 END***/


/**预览区域定义***/
.img-preview {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.img-preview > img {
  max-width: 100%;
}
/**预览区域定义 END***/
/**预览元素尺寸定义**/
.preview-lg {
  width: 200px;
  height: 200px;
  border-radius:50%
}

.preview-md {
  width: 130px;
  height: 130px;
}

.preview-sm {
  width: 64px;
  height: 64px;
}
.preview-xs {
  width: 50px;
  height: 50px;
}
/**预览元素尺寸定义  END**/


/* Button
 * -------------------------------------------------------------------------- */

.btn-primary {
  border-color: #003973; /* hsb(210, 100%, 45%) */
  background-color: #00468c; /* hsb(210, 100%, 55%) */
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.active:focus,
.btn-primary.active:hover {
  border-color: #00264d; /* hsb(208, 100%, 10%) */
  background-color: #003366; /* hsb(208, 100%, 40%) */
}



.docs-tooltip {
  display: block;
  margin: -6px -12px;
  padding: 6px 12px;
}

.docs-tooltip > .icon {
  margin: 0 -3px;
  vertical-align: top;
}

.btn-group-crop .docs-tooltip {
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 5px;
    padding-right: 5px;
  }


/***  图标定义 ***/
.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../images/icons.png");
  vertical-align: middle;
}

.icon-upload {
  background-position: -300px 0;
}



/***  图标定义 ***/